<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			li{
				list-style-type: none;
				font-family: "微软雅黑";
				font-size: 5px;
				color: gray;
			}
			.small-div1,.small-div2,.small-div3{
				background-color: lightgray;
				padding: 3px;
				padding-left: 15px;
			}
			.div1,.div2,.div3{
				width: 200px;
			}
			
			.div1:hover .small-div1{
				background-color: yellow;
			}
			.div1 li:hover{
				color: red;
			}
			.div2:hover .small-div2{
				background-color: yellow;
			}
			.div2 li:hover{
				color: red;
			}
			.div3:hover .small-div3{
				background-color: yellow;
			}
			.div3 li:hover{
				color: red;
			}
			body{
				margin: 0px;
			}
		</style>
	</head>
	<body>
		<div class="div1">
			<div class="small-div1">注册登录</div>
		<ul>
			
			<li>注册账户</li>
			<li>找回登录密码</li>
			<li>开启支付密码</li>
			<li>注册企业用户</li>
			<li>账户注销</li>
		</ul>
		</div>
		
		<div class="div2">
			<div class="small-div2">我的订单</div>
		<ul>
			<li>我要催单</li>
			<li>查询订单</li>
			<li>取消订单</li>
			<li>评价/晒单</li>
			<li>交易纠纷</li>
		</ul>
		</div>
		
		<div class="div3">
			<div class="small-div3">新手教学</div>
		<ul>
			<li>如何注册</li>
			<li>如何搜索商品</li>
			<li>如何下单购买</li>
			<li>如何在线支付</li>
			<li>如何评价晒单</li>
		</ul>
		</div>
	</body>
</html>